﻿<!DOCTYPE html>{% load static %}{% get_static_prefix as STATIC_PREFIX %}
<html>
<head>
    <meta charset="utf-8"/>
    <title>icq100</title>
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/base.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/layout.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}js/jqplot/jquery.jqplot.css" type="text/css" media="screen"/>
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/ie.css" type="text/css" media="screen"/>
    <script src="{{ STATIC_PREFIX }}js/html5.js" type="text/javascript"></script>
    <script src="{{ STATIC_PREFIX }}js/excanvas.compiled.js" type="text/javascript"></script>
    <![endif]-->
    <script src="{{ STATIC_PREFIX }}js/jquery-1.5.2.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_PREFIX }}js/hideshow.js" type="text/javascript"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery.equalHeight.js"></script>
    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/redmond.datepick.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery.datepick.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery.datepick-zh-CN.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/highcharts.js"></script>
    {% spaceless %}
        <script type="text/javascript">
            {% block head_javascript %}
            {% endblock %}
        </script>
    {% endspaceless %}
    <script type="text/javascript">
        $(function() {
            $('.column').equalHeight();
        });
    </script>
</head>

<body>
<header id="header">
    <hgroup>
        <h1 class="site_title"><a href="index1.html"><img src="{{ STATIC_PREFIX }}images/logo.gif" alt="重庆一百度"
                                                          width="184" height="40"></a></h1>

        <h2 class="section_title"></h2>

        <div class="btn_view_site"><a href="index.html#">查看站点</a></div>
    </hgroup>
</header>
<!-- end of header bar -->
<section id="secondary_bar">
    <div class="user">
        {% if user.is_authenticated %}
                <p>{{ user.username }} <span><a href="/accounts/logout/">退出</a></span></p>
        {% else %}
                <p><em><a href="/accounts/login/?next={{ request.path }}">登录</a></em></p>

        {% endif %}
        <!--  -->
    </div>
    {% block breadcrumbs %}
        <div class="breadcrumbs_container">
            <article class="breadcrumbs"><a href="index1.html">管理</a>

                <div class="breadcrumb_divider"></div>
                <a href="index.html#">Dashboard</a>
            </article>
        </div>
    {% endblock %}
</section>
<!-- end of secondary bar -->
<aside id="sidebar" class="column">
    <h3>全站统计</h3>
    <ul class="toggle">
        <li class="icn_categories"><a href="/ts">全站</a></li>
        <li class="icn_categories"><a href="/ts/c">频道</a></li>
        <li class="icn_categories"><a href="/ts/g">圈层</a></li>
        <li class="icn_categories"><a href="/ts/pv">页面PV排行TOP100</a></li>
        <li class="icn_categories"><a href="/ts/refer">页面Refer排行TOP100</a></li>
    </ul>
    <h3>事业部</h3>
    <ul class="toggle">
        <li class="icn_categories"><a href="/ts/d">事业部对比</a></li>
        <li class="icn_tags"><a href="/ts/d/1">第一事业部</a></li>
        <li class="icn_tags"><a href="/ts/d/2">第二事业部</a></li>
        <li class="icn_tags"><a href="/ts/d/3">第三事业部</a></li>
        <li class="icn_tags"><a href="/ts/d/4">第四事业部</a></li>
        <li class="icn_tags"><a href="/ts/d/5">第五事业部</a></li>
    </ul>{% spaceless %}
    {#    <h3>分类管理</h3>#}
    {#    <ul class="toggle">#}
    {#        <li class="icn_new_article"><a href="index.html#">新增</a></li>#}
    {#        <li class="icn_edit_article"><a href="index.html#">编辑</a></li>#}
    {#        <li class="icn_categories"><a href="index.html#">查看</a></li>#}
    {#        <li class="icn_tags"><a href="index.html#">事业部</a></li>#}
    {#    </ul>#}
    {#    <h3>用户</h3>#}
    {#    <ul class="toggle">#}
    {#        <li class="icn_add_user"><a href="index.html#">增加用户</a></li>#}
    {#        <li class="icn_view_users"><a href="index.html#">查看用户</a></li>#}
    {#        <li class="icn_profile"><a href="index.html#">Profile</a></li>#}
    {#    </ul>#}
    {#    <h3>媒体</h3>#}
    {#    <ul class="toggle">#}
    {#        <li class="icn_folder"><a href="index.html#">文档</a></li>#}
    {#        <li class="icn_photo"><a href="index.html#">相册</a></li>#}
    {#        <li class="icn_video"><a href="index.html#">视频</a></li>#}
    {#        <li class="icn_audio"><a href="index.html#">音频</a></li>#}
    {#    </ul>#}
    {#    <h3>Admin</h3>#}
    {#    <ul class="toggle">#}
    {#        <li class="icn_settings"><a href="index.html#">选项</a></li>#}
    {#        <li class="icn_security"><a href="index.html#">权限管理</a></li>#}
    {#        <li class="icn_jump_back"><a href="index.html#">退出</a></li>#}
    {#    </ul>#}{% endspaceless %}
    <footer>
        <hr/>
        <p>&copy; 2011 ICQ100</p>
    </footer>
</aside>
<!-- end of sidebar -->
<section id="main" class="column">
{% block content %}
    <h4 class="alert_info">信息提示</h4>
    <h4 class="alert_warning">警告</h4>
    <h4 class="alert_error">错误</h4>
    <h4 class="alert_success">成功</h4>
    <!--折线图-->
    <article class="module width_full">
        <header>
            <h3>状态</h3>
        </header>
        <div class="module_content">
            <article class="stats_graph">
                <div id="chart_line"></div>
                <script type="text/javascript">
                    $.jqplot.config.enablePlugins = true;
                    line1 = [11, 2.5, 1.25, 23.125,230];
                    line2 = [25, 12.5, 6.25, 3.125,32];
                    line3 = [12, 23, 15, 5,32];
                    /*xticks = [
                     [0, 'zero'],
                     [1, 'one'],
                     [2, 'two'],
                     [3, 'three'],
                     [4, 'four'],
                     [5, 'five']
                     ];
                     yticks = [-5, 0, 5, 10, 15, 20, 25, 30];*/
                    plot4 = $.jqplot('chart_line', [line1, line2,line3], {
                                title:'折线图',
                                legend:{show:true},
                                series:[
                                    {label:'PV'},
                                    {label:'UV'},
                                    {label:'IP'}
                                ],
                                axes:{
                                    xaxis:{
                                        autoscale:true,
                                        renderer:$.jqplot.CategoryAxisRenderer,
                                        ticks:['第一事业部', '第二事业部', '第三事业部', '第四事业部', '第五事业部']
                                    },
                                    yaxis:{min:0,autoscale:true}
                                }
                            });
                </script>

            </article>
            <div class="clearfix"></div>
        </div>
    </article>
    <!--柱状图-->
    <article class="module width_full">
        <header>
            <h3>状态</h3>
        </header>
        <div class="module_content">
            <article class="stats_graph">
                <div id="chart_bar"></div>
                <script type="text/javascript">

                    line1 = [1,4, 9, 16,32];
                    line2 = [25, 12.5, 6.25, 3.125,23];
                    line3 = [2, 7, 15, 30,223];
                    plot2 = $.jqplot('chart_bar', [line1, line2, line3], {
                                legend:{show:true, location:'ne', xoffset:55},
                                title:'流量对比',
                                seriesDefaults:{
                                    renderer:$.jqplot.BarRenderer,
                                    rendererOptions:{barPadding: 8, barMargin: 20}
                                },
                                series:[
                                    {label:'PV'},
                                    {label:'UV'},
                                    {label:'IP'}
                                ],
                                axes:{
                                    xaxis:{
                                        renderer:$.jqplot.CategoryAxisRenderer,
                                        ticks:['第一事业部', '第二事业部', '第三事业部', '第四事业部', '第五事业部']
                                    },
                                    yaxis:{min:0}
                                }
                            });
                </script>
            </article>
            <div class="clearfix"></div>
        </div>
    </article>
    <!--饼图-->
    <article class="module width_full">
        <header>
            <h3>状态</h3>
        </header>
        <div class="module_content">
            <article class="stats_graph">
                <div id="chart_pie"></div>
                <script type="text/javascript">$(function() {
                    s1 = [
                        ['搜索',7],
                        ['嘎嘎',13.3],
                        ['gas帝国大厦',14.7],
                        ['嘎都是个',5.2],
                        ['广大嘎嘎', 1.2]
                    ];

                    plot1 = $.jqplot('chart_pie', [s1], {
                                title:'流量对比',
                                grid: {
                                    drawBorder: false,
                                    drawGridlines: false,
                                    background: '#ffffff',
                                    shadow:false
                                },
                                axesDefaults: {
                                },
                                seriesDefaults:{
                                    renderer:$.jqplot.PieRenderer,
                                    rendererOptions: {
                                        showDataLabels: true
                                    }
                                },
                                legend: {
                                    show: true,
                                    rendererOptions: {
                                        numberRows: 1
                                    },
                                    location: 's'
                                }
                            });
                });
                </script>
            </article>
            <div class="clearfix"></div>
        </div>
    </article>
    <!-- end of stats article -->

    <article class="module width_full">
        <header>
            <h3 class="tabs_involved">内容管理</h3>
            <ul class="tabs">
                <li><a href="index.html#tab1">投递</a></li>
                <li><a href="index.html#tab2">评论</a></li>
            </ul>
        </header>
        <div class="clearfix"></div>
        <div class="tab_container">
            <div id="tab1" class="tab_content">
                <table class="tablesorter" cellspacing="0">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Entry Name</th>
                        <th>Category</th>
                        <th>Created On</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Articles</td>
                        <td>5th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Ipsum Lorem Dolor Sit Amet</td>
                        <td>Freebies</td>
                        <td>6th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Sit Amet Dolor Ipsum</td>
                        <td>Tutorials</td>
                        <td>10th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Dolor Lorem Amet</td>
                        <td>Articles</td>
                        <td>16th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Dolor Lorem Amet</td>
                        <td>Articles</td>
                        <td>16th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- end of #tab1 -->

            <div id="tab2" class="tab_content">
                <table class="tablesorter" cellspacing="0">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Comment</th>
                        <th>Posted by</th>
                        <th>Posted On</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Lorem Ipsum Dolor Sit Amet</td>
                        <td>Mark Corrigan</td>
                        <td>5th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Ipsum Lorem Dolor Sit Amet</td>
                        <td>Jeremy Usbourne</td>
                        <td>6th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Sit Amet Dolor Ipsum</td>
                        <td>Super Hans</td>
                        <td>10th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Dolor Lorem Amet</td>
                        <td>Alan Johnson</td>
                        <td>16th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>Dolor Lorem Amet</td>
                        <td>Dobby</td>
                        <td>16th April 2011</td>
                        <td><input type="image" src="../../static/images/icn_edit.png" title="Edit">
                            <input type="image"
                                   src="../../static/images/icn_trash.png"
                                   title="Trash"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- end of #tab2 -->

        </div>
        <!-- end of .tab_container -->

    </article>
    <!---end table-->

    <div class="clearfix"></div>
    <article class="module width_full">
        <header>
            <h3>投递文章</h3>
        </header>
        <div class="module_content">
            <fieldset>
                <label>标题</label>
                <input type="text">
            </fieldset>
            <fieldset>
                <label>内容</label>
                <textarea rows="12"></textarea>
            </fieldset>
            <fieldset style="width:48%; float:left; margin-right: 3%;">
                <!-- to make two field float next to one another, adjust values accordingly -->
                <label>分类</label>
                <select style="width:92%;">
                    <option>Articles</option>
                    <option>Tutorials</option>
                    <option>Freebies</option>
                </select>
            </fieldset>
            <fieldset style="width:48%; float:left;">
                <!-- to make two field float next to one another, adjust values accordingly -->
                <label>Tags</label>
                <input type="text" style="width:92%;">
            </fieldset>
            <div class="clearfix"></div>
        </div>
        <footer>
            <div class="submit_link">
                <select>
                    <option>草稿</option>
                    <option>发布</option>
                </select>
                <input type="submit" value="Publish" class="alt_btn">
                <input type="submit" value="Reset">
            </div>
        </footer>
    </article>
    <!-- end of post new article -->

    <article class="module width_full">
        <header>
            <h3>文本样式</h3>
        </header>
        <div class="module_content">
            <h1>标题 1</h1>

            <h2>标题 2</h2>

            <h3>标题 3</h3>
            <h4>标题 4</h4>

            <p>宫颈癌slg骄傲两三个敬爱凉快过拉斯科个</p>
            <ul>
                <li>阿斯顿噶闪光灯</li>
                <li>噶的是嘎说的个</li>
                <li>gasgdasgas伽师瓜</li>
                <li>fas发生过 啊发生</li>
            </ul>
        </div>
    </article>
    <!-- end of styles article -->
{% endblock %}
<div class="spacer"></div>
</section>

</body>
</html>